<!DOCTYPE HTML>

<html>
	<head>
		<title>首页</title>
		<!--指定文档的字符编码为UTF-8，支持广泛的字符范围。-->
		<meta charset="utf-8" />
		<!--定义了网页在不同设备上的显示方式，将初始缩放比例设置为1，并禁用用户缩放。-->
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<!--将外部的CSS样式表链接到HTML文档中，用于样式设置。-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!-- 如果浏览器中禁用了JavaScript，这段代码会提供一种备用的样式表。-->
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
		<link href='./images/logo111.png' rel='icon' type='image/x-icon'/>
	</head>
	<!-- 定义HTML文档的主体部分，并给它应用了“is-preload”类。-->
	<body class="is-preload">

		<!-- Wrapper:创建一个id为“wrapper”的区块，并给它应用了“fade-in”类。 -->
			<div id="wrapper" class="fade-in">

				<!-- Intro:定义了一个介绍内容的区块 -->
					<div id="intro"><img src="images/logo.png" alt="logo" class="logo1" >
						<h1>
						星际网吧</h1>
						

						<p>
					在星际网吧，顾客可以享受到高速网络连接、舒适的座椅、专业的游戏设备以及各种美食饮品。<br />
						同时密切持续关注用户变化，以不断提供客户要求。</p>
						
						<ul class="actions">
							<li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
							
						</ul>
					</div>

				<!-- Header  创建了网页的页眉部分。-->
					<header id="header">
						<a href="xghj.html" class="logo">了解更多</a>
					</header>

				<!-- Nav定义了网页的导航部分。-->
					<nav id="nav">
						<ul class="links">
							<li><a href="xghj.html">星际介绍</a></li>
							<li><a href="generic.html">星际竞技场</a></li>
							<!--<li><a href="elements.html">产品中心</a></li>-->		
							<li><a href="regarding.html">关于我们</a></li>
							<li><a href="news.html">相关新闻</a></li>
							<li><a href="login.html">登陆/注册</a></li>
						</ul>
						<ul class="icons">
				
							<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
							<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
							<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
							<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
						</ul>
					</nav>

				<!-- Main定义了网页的主要内容部分。 -->
					<div id="main">

						<!-- Featured Post -->
							<article class="post featured">
								<header class="major">
									<span class="date">★ Star ★<br /></span>
									<h2><a href="#">关于星际</a></h2>
									<p>星际网吧，始于电竞服务品牌。从电竞出发，围绕空间、朋友、内容， <br />
										以持续改进的优质产品、服务与体验，致力于打造全球第一电竞社区践行给用户美好的体验。<br />
										</p>
								</header>
								<a href="#" class="image main"><img src="images/pic01.jpg" alt="" /></a>
									<ul class="actions special">
											<li><a href="#" class="button large">更多故事</a></li>
										</ul>
									
								</article>
	
							</article>

						<!-- Posts -->
							<section class="posts">
								<article>
									<header>
										<span class="date">Star ★</span>
										<h2><a href="#">星际环境介绍</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
									<p>星际网吧是一家位于市中心的高档网吧，环境优雅舒适，设施齐全。包含了前台、舒适区域、聚会区域、餐饮区域
										这里提供高速网络连接，供客人畅快地上网、游戏或工作。装修风格现代时尚，灯光明亮，桌椅舒适，让人感觉宾至如归。
										</p>
									<ul class="actions special">
										<li><a href="xghj.html" class="button">全部故事</a></li>
									</ul>
								</article>
								<article>
									<header>
										<span class="date">Star ★</span>
										<h2><a href="#">星际竞技场</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic10.jpg" alt="" /></a>
									<p>星际网吧竞技场是一个专门为玩家提供电子竞技比赛场地的网吧
										。在这里，玩家可以参加各种电子竞技比赛，竞技场通常配备高性能的电脑设备、
										专业的游戏外设以及舒适的比赛环境，为玩家提供良好的比赛体验。

									</p>
									<ul class="actions special">
										<li><a href="generic.html" class="button">全部故事</a></li>
									</ul>
								</article>
								<article>
									<header>
										<span class="date">Star ★</span>
										<h2><a href="#">关于我们</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
									<p>星际网吧餐饮产品中心提供各种美味的食品和饮料，让顾客在休闲娱乐的同时享受美食
										以下是一些产品：

各种小吃：比如薯条、鸡翅、炸鸡块等。
汉堡和三明治：经典的快餐选择，有各种口味和配料可供选择。
披萨：各种口味的披萨，包括经典的意大利披萨和特色披萨。
饮料：包括软饮料、果汁、咖啡、奶茶等，满足不同顾客的口味需求。
									</p>
									<ul class="actions special">
										<li><a href="regarding.html" class="button">全部故事</a></li>
									</ul>
								</article>
								<article>
									<header>
										<span class="date">Star ★</span>
										<h2><a href="#">相关新闻<br />
										</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic11.jpg" alt="" /></a>
									<p>
										星际网吧的新闻是一个与顾客互动和分享信息的平台。以下是新闻内容：

活动信息：包括网吧举办的各种活动，比如游戏比赛、派对活动等。
优惠信息：分享网吧的优惠活动，比如会员特权、折扣促销等。
新品推荐：介绍网吧引进的新游戏、新餐饮产品等。
用户互动：与顾客互动，回答问题、提供游戏技巧等。
									</p>
									<ul class="actions special">
										<li><a href="news.html" class="button">全部故事</a></li>
									</ul>
								</article>
							
							</section>

						<!-- Footer 代表了网页的页脚部分。-->
							

				<!-- Footer -->
					<footer id="footer">
						<section>
							<form method="post" action="#">
								<div class="fields">
									<div class="field">
										<label for="name">姓名</label>
										<input type="text" name="name" id="name" />
									</div>
									<div class="field">
										<label for="email">邮件</label>
										<input type="text" name="email" id="email" />
									</div>
									<div class="field">
										<label for="message">详细信息</label>
										<textarea name="message" id="message" rows="3"></textarea>
									</div>
								</div>
								<ul class="actions">
									<li><input type="submit" value="发送信息" /></li>
								</ul>
							</form>
						</section>
						<section class="split contact">
							<section class="alt">
								<h3>地址</h3>
								<p>1234 Somewhere Road #87257<br />
								 TN 00000-0000</p>
							</section>
							<section>
								<h3>电话</h3>
								<p><a href="#">(000) 000-0000</a></p>
							</section>
							<section>
								<h3>邮件</h3>
								<p><a href="#">420663668@qq.com</a></p>
							</section>
							<section>
								<h3>Social</h3>
								<ul class="icons alt">
									<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
									<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
									<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
									<li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
								</ul>
							</section>
						</section>
					</footer>

				<!-- Copyright -->
					<div id="copyright">
						<ul><li>&copy; 星际网吧</li></ul>
					</div>

			</div>
			</div>

		<!-- Scripts 标签: 包含了各种JavaScript文件，提供了网页的功能，比如滚动效果和浏览器兼容性。-->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>